<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<!--框架必需start-->
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
<script type="text/javascript" src="../../libs/js/framework.js"></script>
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->
<style>
.sgList li{
	height: 35px;
	line-height: 35px;
}
</style>
</head>
<body>
<div class="page_content">
	<div class="infoCard" style="width: 600px;">
	    <div class="title">
	        <span>提示类组件</span>
	    </div>
	    <div class="content" style="padding-left:15px;">
	    	<ul class="sgList">
				<li class="listPoint">任何一个产品，即使用户界面做的再好，也离不开用户引导和信息提示</li>
				<li class="listPoint">提示信息不应该打断用户的当前操作，所以尽量使用toast这类的非阻碍式提示替代弹出框</li>
				<li class="listPoint">只有需要用户确认进行下一步操作才建议使用top.Dialog.confirm弹出框</li>
				<li class="listPoint">避免过度反馈，以免给用户带来不必要的打扰；简单的操作，可以省略反馈提示</li>
			</ul>
	    </div>
	</div>
<div class="height_20"></div>
	<div class="infoCard" style="width: 600px;">
	    <div class="title">
	        <span>树组件</span>
	    </div>
	    <div class="content" style="padding-left:15px;">
	    	<ul class="sgList">
				<li class="listPoint">这里提供的树组件是基于ztree略加修改</li>
				<li class="listPoint">调整过的地方详见QUICK UI的文档中树组件部分</li>
				<li class="listPoint">关于树组件的具体使用方法可以查看QUICK UI文档也可以查看ztree官方文档</li>
				<li class="listPoint">ztree官网：http://www.treejs.cn/</li>
				<li class="listPoint">导航菜单中含有 * 表示该示例页面有后台服务支持</li>
			</ul>
	    </div>
	</div>	

		
			
</div>			
</body>
</html>